<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>逛好店</title>
    <link rel="stylesheet" href="lab3-4.css">
</head>
<body>
    <div class="shop-container">
        <!-- 标题栏 -->
        <div class="title-bar">
            <h2>逛好店</h2>
            <a href="#" class="arrow">
                <span class="arrow-icon"></span>
            </a>
        </div>

        <!-- 店铺列表 -->
        <div class="shop-list">
            <!-- 店铺1 -->
            <div class="shop-card pink-bg">
                <div class="shop-info">
                    <h3>贝恩施京东自营官方旗舰店</h3>
                    <span class="self-operated">自营</span>
                    <p>277.9万人关注</p>
                </div>
                <div class="shop-img">
                    <img src="images\1.jpg" alt="贝恩施商品">
                </div>
            </div>

            <!-- 店铺2 -->
            <div class="shop-card blue-bg">
                <div class="shop-info">
                    <h3>美宝莲京东自营官方旗舰店</h3>
                    <span class="self-operated">自营</span>
                    <p>192.9万人关注</p>
                </div>
                <div class="shop-img">
                    <img src="images/2.jpg" alt="美宝莲商品">
                </div>
            </div>
        </div>
    </div>
</body>
</html>